<template>
  <div class="w-full bg-#E7F0F5 py-20px">
    <div class="px-20px md:mx-auto xl:h-340px xl:max-w-1300px" flex=" md:row ~ justify-between items-center col-reverse">
      <div>
        <div class="flex items-center gap-20px">
          <img src="/img/sitename.png" alt="">
        </div>
        <div class="mt-10px text-lg text-#AEAEB2 md:max-w-45vw">
          <span class="text-#000">关于我们 |</span> 特别声明:本站内容仅供参考，不作为诊断及医疗依据
        </div>
        <div class="text-lg text-#AEAEB2 md:max-w-45vw">
          <span class="text-#000">免责条款 |</span> 本网站所收集部分公开资料来源于互联网，转载目的在于传递更多信息及网络分享，并不代表本站赞同其观点和对其真实性、版权归属负责，用户应对信息的真实性、准确性、完整性进行核实，并自行承担因此产生的风险，如有侵权请与我们取得联系，我们会及时删除。
        </div>
        <div class="mx-auto my-10px text-#666">
          <a href="https://beian.miit.gov.cn/" target="_blank">陕ICP备05003744号</a>
          <!-- <a href="https://beian.mps.gov.cn/#/query/webSearch?code=05003744" rel="noreferrer" target="_blank">陕ICP备05003744号</a> -->
        </div>
        <div class="mt-20px flex flex-col gap-20px md:flex-row">
          <NuxtLink hover="text-#35b389" class="h-60px flex items-center justify-center rounded-lg px-16px font-600 line-height-60px" border="1px solid #35B389" to="http://sxwjw.shaanxi.gov.cn/" external target="_blank">
            <span class="mr-10px h-30px w-30px inline-flex items-center justify-center rounded-15px bg-#35B389 text-14px text-#fff"><i class="i-fa-solid:link" /></span> 陕西省卫生健康委员会
          </NuxtLink>
          <NuxtLink hover="text-#35b389" class="h-60px flex items-center justify-center rounded-lg px-16px font-600 line-height-60px" border="1px solid #35B389" to="http://www.sxjkjy.com/" external target="_blank">
            <span class="mr-10px h-30px w-30px inline-flex items-center justify-center rounded-15px bg-#35B389 text-14px text-#fff"><i class="i-fa-solid:link" /></span> 陕西省健康教育中心
          </NuxtLink>
        </div>
      </div>
      <div class="mb-20px text-center md:mb-0">
        <img src="/img/qrcode.png" alt="" class="inline-block h-195px w-195px">
        <div class="mt-20px text-#AEAEB2">
          关注“陕西健康科普资源库”微信小程序
        </div>
      </div>
    </div>
  </div>
</template>
